<div class="setting-box" ng-controller="settingController">
    <div class="set-banner" style="margin-left: 212px">
        <span id="unit-type" class="MyColor1" ng-click="showUnitType()"
              ng-style="showType==1? MyColor1:MyColor2">设备种类</span>
        <span id="unit-manage" class="MyColor2" ng-click="showFloorManage()" ng-style=" showType==2? MyColor1:MyColor2">楼层管理</span>
        <span id="unit-recover" class="MyColor2" ng-click="recoverFloor()" ng-style=" showType==3? MyColor3:MyColor4">楼层恢复</span>
    </div>

    <!--设备管理-->
    <div class="unit-managerBox" ng-show="showType==1">
        <div class="query_table_unitType" style=" height:380px !important; overflow-y: auto; overflow-x: hidden">
            <table class="table table-bordered table-striped" >
                <tr>
                    <td style="width: 75px">设备种类图</td>
                    <td>设备种类</td>
                    <td>设备参数</td>
                    <td>操作</td>
                </tr>
                <tr ng-repeat="set in setDate">
                    <td><img ng-src="{{serviceHttp + set.logo}}" style="width: 28px; height: 25px;"></td>
                    <td ng-bind="set.name"></td>
                    <td>
                        <i ng-repeat="param in set.inspectTypes" class="pr15">{{param.name}}</i>
                    </td>
                    <td style="width: 140px">
                        <a href="javascript:void(0)" class="Tab-update" data-toggle="modal"
                           data-target="#updateUnitType"
                           data-backdrop="static" ng-click="UpdateUnitTypeInit(set.id)"
                           style="padding-right: 16px;" ng-show="set.type==false">修改</a>
                        <a href="javascript:void(0)" data-toggle="modal" data-target="#deleteUnitType"
                           data-backdrop="static" ng-click="deleteUnitTypeInit(set)" ng-show="set.type==false" style="color: red;">删除</a>
                    </td>
                </tr>
            </table>
        </div>
        <div class="unit-addBox" style="cursor: pointer;">
            <a class="unit-btnSelect" style="font-size: 14px;"
               data-toggle="modal" data-target="#addUnitType" data-backdrop="static" ng-click="AddUnitTypeInit()">+新增</a>
        </div>

        <!--新增设备类型-->
        <div id="addUnitType" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="addUnitTypeLable"
             aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 id="addUnitTypeLable">新增设备种类</h4>
            </div>
            <div class="modal-body">
                <div class="container" style="width:500px; height:650px; padding-bottom:20px;">
                    <div class="add_tj">
                        <div>
                            <p>
                                <span>请选择设备种类图：</span><input id="addUnitTypeToUpload" name="file" type="file"/><br>
                                <i style="color: #959595;padding-left: 7px;">(* 推荐图片上传尺寸：28px * 25px，分辨率大小：96dpi)</i>
                            <div class="col-md-12">
                                <img id="addUnitTypePhotoNew" src=""
                                     style="max-width:200px;max-height:200px;margin:0 auto;display:block;"/>
                            </div>
                            </p>
                            <p>
                                <span>设备种类：</span>
                                <input type="text" style="width: 120px" ng-model="inspectUnitType.name" id="UnitTypeName">
                                <i style="color: #959595;padding-left: 7px;">(*必填)</i>
                            </p>

                        </div>

                    </div>
                    <div>
                        <p><span>设备参数：</span> <i style="color: #959595;padding-left: 7px;">(*至少选一项)</i></p>

                        <ul class="table-ul">
                            <!--{{inspectUnitType| json}}-->
                            <li ng-repeat="u in inspectUnitType.list">
                                <div class="L_blockStyle">
                                    <input type="checkbox"
                                           style="width: auto" ng-model="u.chosed">
                                    <span>{{u.name}}</span>
                                </div>
                                <div class="R_blockStyle" ng-show="u.id!=8">
                                    <p>
                                        <span>标准参数：</span>
                                        <input type="text" ng-disabled="!u.chosed" style="width:90px;"
                                               ng-model="u.standard" placeholder="请输入标准值"/>
                                    </p>
                                    <p >
                                        <span>黄色警报参数：</span>
                                        <input type="text" ng-disabled="!u.chosed"
                                               style="width:90px; margin-right: 6px;" ng-model="u.lowDown"
                                               placeholder="请输入报警低值"/>
                                        <input type="text" ng-disabled="!u.chosed" style="width:90px; "
                                               ng-model="u.lowUp" placeholder="请输入报警高值"/>
                                    </p>
                                    <p>
                                        <span>红色警报参数：</span>
                                        <input type="text" ng-disabled="!u.chosed"
                                               style="width:90px; margin-right: 6px; " ng-model="u.highDown"
                                               placeholder="请输入报警低值"/>
                                        <input type="text" ng-disabled="!u.chosed" style="width:90px; "
                                               ng-model="u.highUp" placeholder="请输入报警高值"/></p>
                                    </p>
                                </div>
                                <!--id=5（房间门状态）-->
                                <div class="R_blockStyle_Bool" ng-show="u.id==8"> </div>
                                <div style="clear: both"></div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal" aria-hidden="true">关 闭</button>
                <button class="btn btn-primary" ng-click="SaveAddUnitTypeInfo()">保 存
                </button>
            </div>
        </div>
        <!-- Modal---修改设备类型-->
        <div id="updateUnitType" class="modal hide fade" tabindex="-1" role="dialog"
             aria-labelledby="updateUnitTypeLable"
             aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 id="updateUnitTypeLable">修改设备种类</h4>
            </div>
            <div class="modal-body">
                <div class="container" style="width:500px; height:450px; padding-bottom:20px">
                    <div class="add_tj">
                        <div>
                            <div>
                                <p>
                                    <span>请选择设备种类图：</span><input id="updateUnitTypeToUpload" name="file" type="file"/><br>
                                    <i style="color: #959595;padding-left: 7px;">(* 推荐图片上传尺寸：28px * 25px，分辨率大小：96dpi)</i>
                                <div class="col-md-12">
                                    <img id="updateUnitTypePhotoNew" src=""
                                         style="max-width:200px;max-height:200px;margin:0 auto;display:block;"/>
                                </div>
                                </p>
                                <p>
                                    <span>设备种类：</span>
                                    <input type="text" style="width: 120px" ng-model="currentDeviceTypeReq.name" id="up_UnitTypeName">
                                    <i style="color: #959595;padding-left: 7px;">(*必填)</i>
                                </p>
                            </div>
                            <div>
                                <p><span>设备参数：</span><i style="color: #959595;padding-left: 7px;">(*至少选一项)</i></p>
                                <ul class="table-ul">
                                    <li ng-repeat="inType in currentDeviceTypeReq.list">
                                        <div class="L_blockStyle">
                                            <!--<i><input type="checkbox" ng-bind="ins_unit.id"> -->
                                            <span ng-bind="inType.name"></span>
                                        </div>
                                        <div class="R_blockStyle" ng-show="inType.id!=8">
                                            <p>
                                                <span>标准参数：</span>
                                                <input type="text" style="width:90px;" ng-model="inType.standard"/>
                                            </p>
                                            <p>
                                                <span>黄色警报参数：</span>
                                                <input type="text" style="width:90px; margin-right: 6px;"
                                                       ng-model="inType.lowDown"/>
                                                <input type="text" style="width:90px; " ng-model="inType.lowUp"/>
                                            </p>
                                            <p><span>红色警报参数：</span>
                                                <input type="text" style="width:90px; margin-right: 6px; "
                                                       ng-model="inType.highDown"/>
                                                <input type="text" style="width:90px; " ng-model="inType.highUp"/></p>
                                            </p>

                                        </div>
                                        <div class="R_blockStyle_Bool" ng-show="inType.id==8"> </div>
                                        <div style="clear: both"></div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal" aria-hidden="true">关 闭</button>
                <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true"
                        ng-click="SaveUpdateUnitTypeInfo()">保 存
                </button>
            </div>
        </div>
        <!-- Modal---删除设备类型-->
        <div id="deleteUnitType" class="modal hide fade" tabindex="-1" role="dialog"
             aria-labelledby="deleteUnitTypeLable"
             aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 id="deleteUnitTypeLable">删除设备种类</h4>
            </div>
            <div class="modal-body" style="min-height: 50px !important;">
                <div class="container" style="width:500px;">
                    <div class="add_tj">
                        <div style="font-size: 14px; text-align: center">
                            确认要删除该设备吗？
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal" aria-hidden="true">关 闭</button>
                <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true"
                        ng-click="SavedeleteUnitTypeInfo()">保 存
                </button>
            </div>
        </div>
    </div>

    <!--楼层管理-->
    <div class="set-content" ng-show="showType==2">

        <div class="floorManage" id="floorManage">
            <div class="sel_lou">
                <p>
                    <span>楼</span>
                    <!--<a href="javascript:void(0)" data-toggle="modal" data-target="#addLouNum" data-backdrop="static"
                       ng-click="AddlouInit()" class="set_addStyle">新增</a>-->
                   <span style="text-align: right">
                       <img src="image/addIcon.png" style="width: 16px; height: 16px " data-toggle="modal"
                            data-target="#addLouNum" data-backdrop="static" ng-click="AddlouInit()">
                   </span>
                </p>
                <ol class="lou" id='J_lou'>
                    <li ng-repeat="lou in louData.list" ng-style="lou.selected==1? lou.selectedCurrentBg:libgStyle">
                        <span ng-bind="lou.name" ng-click="selectedCurrentlou(lou)" class="lc_content"
                              ng-style="lou.selected==1? lou.selectedCurrentColor:liColorStyle"></span>
                        <span class="lc_caozuo">
                            <i class="lc_update">
                                <img ng-src="{{selectDelImg}}" data-toggle="modal"
                                     data-target="#deletelouNum" data-backdrop="static"
                                     class="lc_update_img">
                            </i>
                            <i class="lc_update">
                                <img ng-src="{{selectEditImg}}" data-toggle="modal"
                                     data-target="#updatelouNum" data-backdrop="static" class="lc_update_img"
                                     ng-click="UpdatelouInit(lou)">
                            </i>
                        </span>
                    </li>
                </ol>
            </div>
            <div class="sel_ceng">
                <p>
                    <span>层</span>
                    <span style="text-align: right">
                    <img src="image/addIcon.png" style="width: 16px; height: 16px " data-toggle="modal"
                         data-target="#addcengNum" data-backdrop="static" ng-click="AddCengInit()">
                    </span>
                </p>
                <ol class="ceng" id='J_ceng'>
                    <li ng-repeat="ceng in cengData.floors"
                        ng-style="ceng.selected==1? ceng.selectedCurrentBg:libgStyle">
                        <span ng-bind="ceng.name" ng-click="selectedCurrentCeng(ceng)" class="lc_content"
                              ng-style="ceng.selected==1? ceng.selectedCurrentColor:liColorStyle"></span>
                        <span class="lc_caozuo">
                            <i class="lc_update">
                                <img ng-src="{{selectDelImg}}" data-toggle="modal"
                                     data-target="#deletecengNum" data-backdrop="static"
                                     class="lc_update_img">
                            </i>
                            <i class="lc_update">
                                <img ng-src="{{selectEditImg}}" data-toggle="modal"
                                     data-target="#updatecengNum" data-backdrop="static" class="lc_update_img"
                                     ng-click="UpdateCengInit(ceng)">
                            </i>
                        </span>
                    </li>
                </ol>
            </div>
            <div class="sel_shi">
                <p>
                    <span>室</span>
                      <span style="text-align: right">
                          <img src="image/addIcon.png" style="width: 16px; height: 16px " data-toggle="modal"
                               data-target="#addshiNum" data-backdrop="static" ng-click="AddshiInit()">
                      </span>
                </p>
                <ul class="shi" id='J_shi'>
                    <li ng-repeat="shi in roomList" ng-style="shi.selected==1? shi.selectedCurrentBg:libgStyle">
                        <span ng-bind="shi.name" ng-click="selectedCurrentShi(shi)" class="lc_content"
                              ng-style="shi.selected==1? shi.selectedCurrentColor:liColorStyle"></span>
                         <span class="lc_caozuo">
                             <i class="lc_update">
                                 <img ng-src="{{selectDelImg}}" data-toggle="modal"
                                      data-target="#deleteshiNum" data-backdrop="static"
                                      class="lc_update_img">
                             </i>
                             <i class="lc_update">
                                 <img ng-src="{{selectEditImg}}" data-toggle="modal"
                                      data-target="#updateshiNum" data-backdrop="static"
                                      ng-click="UpdateShiInit(shi)" class="lc_update_img">
                             </i>
                         </span>
                    </li>
                </ul>
            </div>
            <div class="sel_unit">
                <p>
                    <span>设备</span>
                    <span style="text-align: right">
                    <img src="image/addIcon.png" style="width: 16px; height: 16px " data-toggle="modal"
                         data-target="#addunitNum" data-backdrop="static" ng-click="AddUnitInit()">
                    </span>
                </p>
                <ul class="shebei" id='J_shebei'>
                    <li ng-repeat="unit in deviceList" ng-style="unit.selected==1? unit.selectedCurrentBg:libgStyle">
                        <span ng-bind="unit.name" ng-click="selectedCurrentUnit(unit)" class="lc_content"
                              ng-style="unit.selected==1? unit.selectedCurrentColor:liColorStyle"></span>
                          <span class="lc_caozuo">
                            <!--<i class="lc_update">-->
                                <!--<img ng-src="{{unit.selected==1?selectEditImg:currEditImg}}"data-toggle="modal"-->
                                     <!--data-target="#updateunitNum" data-backdrop="static"-->
                                     <!--ng-click="UpdateUnitInit(unit)">-->
                            <!--</i>-->
                         </span>
                    </li>
                </ul>
            </div>
            <div style="clear: both"></div>
            <div class="breadcrumb-dh">
                <ol>
                    <li ng-show="louData.list.length>0"> {{selectLou.name}}</li>
                    <li ng-show="cengData.floors.length>0"><i> > </i>{{selectCeng.name}}</li>
                    <li ng-show="roomList.length>0"><i> > </i>{{selectShi.name}}</li>
                    <li ng-show="deviceList.length>0"><i> > </i>{{selectUnit.name}}</li>
                </ol>
            </div>
        </div>

        <!-- Modal---添加楼-->
        <div id="addLouNum" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="addLouNumLable"
             aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 id="addLouNumLable">新增楼</h4>
            </div>
            <div class="modal-body">
                <div class="container" style="width:520px; padding-bottom:20px">
                    <div class="add_unit_tj InputPrompt">
                        <p>
                            <span>请选择楼的分布图：</span><input id="loufileToUpload" name="file" type="file"/> <i>(非必填)</i>
                        <div class="col-md-12">
                            <img id="addlouphotoNew" ng-src="" style="max-width:200px;max-height:200px;margin:0 auto;display:block;">
                        </div>

                        </p>
                        <p><span>楼名称：</span><input type="text" id="lou_name" style="width:200px; "/><i>(* 必填)</i></p>
                        <p><span>楼所在位置的横坐标：</span><input type="text" id="lou_xpoint" style="width:120px; " placeholder="单位：px"/><i>(* 必填 /输入范围：0 至 780)</i></p>
                        <p><span>楼所在位置的纵坐标：</span><input type="text" id="lou_ypoint" style="width:120px; " placeholder="单位：px"/><i>(* 必填 /输入范围：0 至 315)</i></p>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal" aria-hidden="true">关 闭</button>
                <button class="btn btn-primary" ng-click="SaveAddlouInfo()">保 存
                </button>
            </div>
        </div>

        <!-- Modal---修改楼-->
        <div id="updatelouNum" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="updatelouNumLable"
             aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 id="updatelouNumLable">修改楼</h4>
            </div>
            <div class="modal-body">
                <div class="container" style="width:500px; padding-bottom:20px">
                    <div class="add_unit_tj InputPrompt">
                        <p>
                            <span>请选择楼的分布图：</span><input id="updateloufileToUpload" name="file" type="file"/><i>(非必填)</i>
                        <div class="col-md-12">
                            <img id="updatelouphotoNew" ng-src=""
                                 style="max-width:200px;max-height:200px;margin:0 auto;display:block;">
                        </div>
                        </p>
                        <p><span>楼名称：</span><input type="text" ng-model="lou_name" style="width:200px; "/><i>(* 必填)</i></p>
                        <p><span>楼所在位置的横坐标：</span><input ng-model="lou_xpoint" type="text" style="width:120px; " placeholder="单位：px"/><i>(* 必填 /输入范围：0 至 780)</i></p>
                        <p><span>楼所在位置的纵坐标：</span><input ng-model="lou_ypoint" type="text" style="width:120px; " placeholder="单位：px"/><i>(* 必填 /输入范围：0 至 315)</i></p>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal" aria-hidden="true">关 闭</button>
                <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true" ng-click="SaveUpdatelouInfo()">保存</button>
            </div>
        </div>

        <!-- Modal---删除楼-->
        <div id="deletelouNum" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="deletelouNumLable"
             aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 id="deletelouNumLable">删除楼</h4>
            </div>
            <div class="modal-body" style="min-height: 50px !important;">
                <div class="container" style="width:500px;">
                    <div class="add_tj">
                        <div style="font-size: 14px; text-align: center">
                            确认要删除该楼吗？
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal" aria-hidden="true">关 闭</button>
                <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true" ng-click="SaveDeletelouInfo()">保
                    存
                </button>
            </div>
        </div>

        <!-- Modal---添加层-->
        <div id="addcengNum" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="addcengNumLable"
             aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 id="addcengNumLable">新增层</h4>
            </div>
            <div class="modal-body">
                <div class="container" style="width:500px; padding-bottom:20px">
                    <div class="add_unit_tj InputPrompt">
                        <p>
                            <span>请选择层的分布图：</span><input type="file" id="cengfileToUpload" name="file"/> <i>(非必填)</i>
                        <div class="col-md-12">
                            <img id="addcengphotoNew" ng-src=""
                                 style="max-width:200px;max-height:200px;margin:0 auto;display:block;">
                        </div>
                        </p>
                        <p><span>层名称：</span><input type="text" id="ceng_name" style="width:200px; "/><i>(* 必填)</i></p>
                        <p><span>层所在位置的横坐标：</span><input type="text" id="ceng_xpoint" placeholder="单位：px"/><i>(* 必填 /输入范围：0 至 780)</i></p>
                        <p><span>层所在位置的纵坐标：</span><input type="text" id="ceng_ypoint" placeholder="单位：px"/><i>(* 必填 /输入范围：0 至 315)</i></p>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal" aria-hidden="true">关 闭</button>
                <button class="btn btn-primary"  ng-click="SaveAddCengInfo()">保 存
                </button>
            </div>
        </div>

        <!-- Modal---修改层-->
        <div id="updatecengNum" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="updatecengNumLable"
             aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 id="updatecengNumLable">修改层</h4>
            </div>
            <div class="modal-body">
                <div class="container" style="width:500px; padding-bottom:20px">
                    <div class="add_unit_tj InputPrompt">
                        <p>
                            <span>请选择层的分布图：</span><input type="file" id="updateCengfileToUpload" name="file"/> <i>(非必填)</i>
                        <div class="col-md-12">
                            <img id="updateCengphotoNew" ng-src=""
                                 style="max-width:200px;max-height:200px;margin:0 auto;display:block;">
                        </div>
                        </p>
                        <p><span>层名称：</span><input type="text" ng-model="ceng_name" style="width:200px; "/><i>(* 必填)</i></p>
                        <p><span>层所在位置的横坐标：</span><input type="text" ng-model="ceng_xpoint" placeholder="单位：px"/><i>(* 必填 /输入范围：0 至 780)</i></p>
                        <p><span>层所在位置的纵坐标：</span><input type="text" ng-model="ceng_ypoint" placeholder="单位：px"/><i>(* 必填 /输入范围：0 至 315)</i></p>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal" aria-hidden="true">关 闭</button>
                <button class="btn btn-primary"  ng-click="SaveUpdateCengInfo()">
                    保存
                </button>
            </div>
        </div>

        <!-- Modal---删除层-->
        <div id="deletecengNum" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="deletecengNumLable"
             aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 id="deletecengNumLable">删除层</h4>
            </div>
            <div class="modal-body" style="min-height: 50px !important;">
                <div class="container" style="width:500px;">
                    <div class="add_tj">
                        <div style="font-size: 14px; text-align: center">
                            确认要删除该层吗？
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal" aria-hidden="true">关 闭</button>
                <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true" ng-click="DeleteCengInfo()">保
                    存
                </button>
            </div>
        </div>

        <!-- Modal---添加室-->
        <div id="addshiNum" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="addshiNumLable"
             aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 id="addshiNumLable">新增室</h4>
            </div>
            <div class="modal-body">
                <div class="container" style="width:500px; padding-bottom:20px">
                    <div class="add_unit_tj InputPrompt">
                        <p>
                            <span>请选择室的分布图：</span><input id="AddshifileToUpload" name="file" type="file"/> <i>(非必填)</i>
                        <div class="col-md-12">
                            <img id="AddshiphotoNew" ng-src=""
                                 style="max-width:200px;max-height:200px;margin:0 auto;display:block;">
                        </div>
                        </p>
                        <p><span>室名称：</span><input type="text" id="shi_name" style="width:200px; "/><i>(* 必填)</i></p>
                        <p><span>室所在位置的横坐标：</span><input type="text" id="shi_xpoint" placeholder="单位：px"/><i>(* 必填 /输入范围：0 至 780)</i></p>
                        <p><span>室所在位置的纵坐标：</span><input type="text" id="shi_ypoint" placeholder="单位：px"/><i>(* 必填 /输入范围：0 至 315)</i></p>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal" aria-hidden="true">关 闭</button>
                <button class="btn btn-primary"  ng-click="SaveAddShiInfo()">保 存
                </button>
            </div>
        </div>

        <!-- Modal---修改室-->
        <div id="updateshiNum" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="updateshiNumLable"
             aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 id="updateshiNumLable">修改室</h4>
            </div>
            <div class="modal-body">
                <div class="container" style="width:500px; padding-bottom:20px">
                    <div class="add_unit_tj InputPrompt">
                        <p>
                            <span>请选择室的分布图：</span><input type="file" id="updateShifileToUpload" name="file"/> <i>(非必填)</i>
                        <div class="col-md-12">
                            <img id="updateShiphotoNew" ng-src=""
                                 style="max-width:200px;max-height:200px;margin:0 auto;display:block;">
                        </div>
                        </p>
                        <p><span>室名称：</span><input type="text" style="width:200px; " ng-model="shi_name"/><i>(* 必填)</i></p>
                        <p><span>室所在位置的横坐标：</span><input type="text" ng-model="shi_xpoint" placeholder="单位：px"/><i>(* 必填 /输入范围：0 至 780)</i></p>
                        <p><span>室所在位置的纵坐标：</span><input type="text" ng-model="shi_ypoint" placeholder="单位：px"/><i>(* 必填 /输入范围：0 至 315)</i></p>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal" aria-hidden="true">关 闭</button>
                <button class="btn btn-primary"  ng-click="SaveUpdateShiInfo()">保存</button>
            </div>
        </div>

        <!-- Modal---删除室-->
        <div id="deleteshiNum" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="deleteshiNumLable"
             aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 id="deleteshiNumLable">删除室</h4>
            </div>
            <div class="modal-body" style="min-height: 50px !important;">
                <div class="container" style="width:500px;">
                    <div class="add_tj">
                        <div style="font-size: 14px; text-align: center">
                            确认要删除该室吗？
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal" aria-hidden="true">关 闭</button>
                <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true" ng-click="DeleteShiInfo()">保
                    存
                </button>
            </div>
        </div>

        <!-- Modal---添加设备-->
        <div id="addunitNum" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="addunitNumLable"
             aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 id="addunitNumLable">新增设备</h4>
            </div>
            <div class="modal-body">
                <div class="container" style="width:500px; padding-bottom:20px">
                    <div class="add_unit_tj addInvalidate">
                        <p>
                            <span>请选择设备详情图：</span><input id="AddunitfileToUpload" name="file" type="file"/><i>(非必填)</i>
                            <div class="col-md-12">
                               <img id="AddunitphotoNew" ng-src=""  style="max-width:200px;max-height:200px;margin:0 auto;display:block;">
                            </div>
                        </p>
                        <p><span>设备名称：</span><input type="text" ng-model="unit_name" /><i>(* 必填)</i></p>
                        <p><span>设备编号：</span><input type="text" ng-model="unit_code"/><i>(* 必填)</i></p>
                        <p>
                            <span>请选择设备种类：</span>
                            <select ng-model="selected" ng-options="unitType.name for unitType in selectUnit" id="selectUnitType">
                                <option value="" ng-selected="unitType.name==selected">--请选择--</option>
                            </select>
                            <i>(*必填)</i>
                        </p>
                        <p><span>设备所在位置的横坐标：</span><input type="text" ng-model="unit_xpoint" style="width: 120px"  placeholder="单位：px"/><i>(* 必填 /输入范围：0 至 780)</i></p>
                        <p><span>设备所在位置的纵坐标：</span><input type="text" ng-model="unit_ypoint" style="width: 120px"  placeholder="单位：px"/><i>(* 必填 /输入范围：0 至 315)</i></p>
                        <p><span>设备管理员：</span>
                            <select ng-model="selectManager" ng-options="u.name +' (' + u.userName + ')' for u in selectManagerList">
                                <option value="u.id"></option>
                            </select>
                            <i>(非必填)</i>
                        </p>
                        <p><span>终端编号：</span><input type="text" ng-model="unit_monitorCode" /><i>(* 必填)</i></p>
                        <p ng-show="selectScientistList"><span>请选择科学家：</span><i><i>(非必填)</i></i>
                        <ul class="setCheckboxSty">
                            <li ng-repeat="addTag in selectScientistList">
                                <input type="checkbox" class="checkboxStyle" id={{addTag.id}} name="{{addTag.name}}"
                                       ng-checked="isSelected(addTag.id)" ng-click="updateSelection($event,addTag.id)"/>
                                <span style="padding-bottom: 4px">{{addTag.name}}</span>
                            </li>
                        </ul>
                        </p>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal" aria-hidden="true">关 闭</button>
                <button class="btn btn-primary"  ng-click="SaveAddUnitInfo()">保 存
                </button>
            </div>
        </div>

        <!-- Modal---修改设备-->
        <!--<div id="updateunitNum" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="updateunitNumLable"-->
             <!--aria-hidden="true">-->
            <!--<div class="modal-header">-->
                <!--<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>-->
                <!--<h4 id="updateunitNumLable">修改设备</h4>-->
            <!--</div>-->
            <!--<div class="modal-body">-->
                <!--<div class="container" style="width:500px; padding-bottom:20px">-->
                    <!--<div class="add_tj InputPrompt">-->
                        <!--<p><span>设备所在的横坐标：</span><input type="text" ng-model="unit_xpoint" placeholder="单位：px"/><i>(* 必填 /输入范围：0 至 315)</i></p>-->
                        <!--<p><span>设备所在的纵坐标：</span><input type="text" ng-model="unit_ypoint" placeholder="单位：px"/><i>(* 必填 /输入范围：0 至 315)</i></p>-->
                        <!--<p><span>请选择科学家：</span>-->
                        <!--<ul class="setCheckboxSty" style="display: inline-block;float: left">-->
                            <!--<li ng-repeat="addTag1 in selectScientistList">-->
                                <!--<input type="checkbox" class="checkboxStyle" id={{addTag1.id}} name="{{addTag1.userName}}"-->
                                       <!--ng-checked="isSelected(addTag1.id)" ng-click="updateSelection($event,addTag1.id)"/>-->
                                <!--<span style="padding-bottom: 4px">{{addTag1.userName}}</span>-->
                            <!--</li>-->
                        <!--</ul>-->
                        <!--</p>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="modal-footer">-->
                <!--<button class="btn" data-dismiss="modal" aria-hidden="true">关 闭</button>-->
                <!--<button class="btn btn-primary" ng-click="SaveUpdateUnitInfo()">-->
                    <!--保存-->
                <!--</button>-->
            <!--</div>-->
        <!--</div>-->

    </div>

    <!--楼层恢复-->
    <div class="set-content" ng-show="showType==3">
        <div class="floorManage">
            <div class="sel_lou">
                <p>楼</p>
                <ol class="lou">
                    <li ng-repeat="lou in louData.list" ng-style="lou.selected==1? lou.selectedCurrentBg:libgStyle">
                        <span ng-bind="lou.name" ng-click="selectedCurrentlou(lou)" class="lc_content"
                              ng-style="lou.selected==1? lou.selectedCurrentColor:liColorStyle">
                        </span>

                        <!--已删除-恢复-->
                         <span class="lc_caozuo" ng-show="lou.enable==0">
                            <i class="lc_update">
                                <img ng-src="{{lou.selected==1?selectRecoverImg:currRecoverImg}}"
                                     ng-click="RecoverlouInfo(lou)">
                            </i>
                         </span>
                    </li>
                </ol>
            </div>
            <div class="sel_ceng">
                <p>层</p>
                <ol class="ceng">
                    <li ng-repeat="ceng in cengData.floors"
                        ng-style="ceng.selected==1? ceng.selectedCurrentBg:libgStyle">
                        <span ng-bind="ceng.name" ng-click="selectedCurrentCeng(ceng)" class="lc_content"
                              ng-style="ceng.selected==1? ceng.selectedCurrentColor:liColorStyle"></span>
                        <!--已删除-恢复-->
                         <span class="lc_caozuo" ng-show="ceng.enable==0">
                            <i class="lc_update">
                                <img ng-src="{{ceng.selected==1?selectRecoverImg:currRecoverImg}}"
                                     ng-click="RecoverCengInfo(ceng)">
                            </i>
                         </span>
                    </li>
                </ol>
            </div>
            <div class="sel_shi">
                <p>室</p>
                <ul class="shi">
                    <li ng-repeat="shi in roomList" ng-style="shi.selected==1? shi.selectedCurrentBg:libgStyle">
                        <span ng-bind="shi.name" ng-click="selectedCurrentShi(shi)" class="lc_content"
                              ng-style="shi.selected==1? shi.selectedCurrentColor:liColorStyle"></span>
                        <!--已删除-恢复-->
                         <span class="lc_caozuo" ng-show="shi.enable==0">
                            <i class="lc_update">
                                <img ng-src="{{shi.selected==1?selectRecoverImg:currRecoverImg}}"
                                     ng-click="RecoverShiInfo(shi)">
                            </i>
                         </span>
                    </li>
                </ul>
            </div>
            <div class="sel_unit">
                <p>设备</p>
                <ul class="shebei">
                    <li ng-repeat="unit in deviceList" ng-style="unit.selected==1? unit.selectedCurrentBg:libgStyle">
                        <span ng-bind="unit.name" ng-click="selectedCurrentUnit(unit)" class="lc_content"
                              ng-style="unit.selected==1? unit.selectedCurrentColor:liColorStyle"></span>
                        <!--已删除-恢复-->
                         <span class="lc_caozuo" ng-show="unit.enable==0">
                            <i class="lc_update">
                                <img ng-src="{{unit.selected==1?selectRecoverImg:currRecoverImg}}"
                                     ng-click="RecoverUnitInfo(unit)">
                            </i>
                         </span>
                    </li>
                </ul>
            </div>
            <div style="clear: both"></div>
            <div class="breadcrumb-dh">
                <ol>
                    <li ng-show="louData.list.length>0"> {{selectLou.name}}</li>
                    <li ng-show="cengData.floors.length>0"><i> > </i>{{selectCeng.name}}</li>
                    <li ng-show="roomList.length>0"><i> > </i>{{selectShi.name}}</li>
                    <li ng-show="deviceList.length>0"><i> > </i>{{selectUnit.deviceType.name}}</li>
                </ol>
            </div>
        </div>
    </div>

</div>
</div>
<script type="application/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="application/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/ajaxfileupload.js"></script>
<script>
    $(function () {
        $("#myModal").draggable({
            handle: ".modal-header",
            cursor: 'move',
            refreshPositions: false
        });
    });
</script>


